<template>
  <div class="app">
    <header-nav></header-nav>
    <footer-nav></footer-nav>
    <router-view></router-view>
    <div class="bottomHeight"></div>
  </div>
</template>

<script>
import FooterNav from "./components/FooterNav.vue";
import HeaderNav from "./components/HeaderNav.vue";
export default {
  components: { FooterNav, HeaderNav },
};
</script>

<style scoped lang="scss">
.app {
  font-size: 0.2rem;
  height: 100%;
  .bottomHeight {
    width: 100%;
    height: 1.1rem;
  }
}
</style>
